// const baseSize = 16; //32
// // 设置 rem 函数
// function setRem() {
//   // 当前页面宽度相对于 750 宽的缩放比例，可根据自己需要修改。
//   const scale =1* (document.documentElement.clientWidth / 1440);
//   // 设置页面根节点字体大小
//   document.documentElement.style.fontSize = baseSize * Math.min(scale, 2) + 'px';

// }
// // 初始化
// setRem();
// // 改变窗口大小时重新设置 rem
// window.onresize = function() {
//     setRem();
// }
import router from '../router/index';
import { watch, reactive, onMounted, ref, onUnmounted, nextTick } from 'vue';
import { useProjectStore } from '@/store';
import { orientationScroll } from '@/utils/scrollHtml';
const isMobile = navigator.userAgent.match(
  /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i,
);
const setRem = () => {
  // const designHeight = 900; // 设计稿高度，根据你的设计稿来设置
  //   const realHeight = document.documentElement.clientHeight || document.body.clientHeight; // 当前视口的高度
  //   const rem = (realHeight / designHeight) * 144; // 根据设计稿高度和当前视口高度计算rem值
  //   document.documentElement.style.fontSize = `${rem}px`; // 设置根元素的字体大小
  //   setTimeout(() => {
  //     document.documentElement.style.fontSize = `${rem}px`; // 设置根元素的字体大小
  //   }, 100);
  console.log(document.documentElement.style.fontSize);
  if ((window.orientation == null || window.orientation === 180 || window.orientation === 0) && isMobile) {
    const designHeight = 900; // 设计稿高度，根据你的设计稿来设置
    const realHeight = document.documentElement.clientWidth || document.body.clientWidth; // 当前视口的高度
    const rem = (realHeight / designHeight) * 144; // 根据设计稿高度和当前视口高度计算rem值
    document.documentElement.style.fontSize = `${rem}px`; // 设置根元素的字体大小
    setTimeout(() => {
      document.documentElement.style.fontSize = `${rem}px`; // 设置根元素的字体大小
    }, 100);
    // alert(rem)
  } else {
    const designHeight = 900; // 设计稿高度，根据你的设计稿来设置
    const realHeight = document.documentElement.clientHeight || document.body.clientHeight; // 当前视口的高度
    const rem = (realHeight / designHeight) * 144; // 根据设计稿高度和当前视口高度计算rem值
    document.documentElement.style.fontSize = `${rem}px`; // 设置根元素的字体大小
    setTimeout(() => {
      document.documentElement.style.fontSize = `${rem}px`; // 设置根元素的字体大小
    }, 100);
  }
  if (isMobile) {
    // alert('触发')

    let element: any = document.getElementById('app'); //需要全屏容器的id
    orientationScroll(element, window.innerWidth, window.innerHeight);
  }
};
// 初始设置rem
setRem();

// 监听窗口大小变化，重新计算rem
window.addEventListener('resize', setRem);
window.addEventListener('DOMContentLoaded', setRem); // 确保在 DOM 加载完成后设置
